@import "../../assets/reset.css";
@import "../../common/global.scss";

.sto-paginator-root {
  display: flex;

  // 茅坑占据者 占据分页器正常宽度以外的所有空间
  .toilet-holder {
    flex: 1;
  }

  // 分页器主体
  .sto-paginator {
    display: flex;
    height: 3rem;
    border: 1px solid $global-border-color;
    padding: 5px;
    border-radius: 5px;

    margin-top: 1rem;

    button,
    li,
    input {
      display: flex;
      align-items: center;
      justify-content: center;

      border: 1px solid $global-border-color;
      border-radius: 2px;
      margin: 0 3px;
    }

    span.space {
      margin: 0 10px;
    }

    ul {
      display: flex;

      li {
        min-width: 2rem;
        height: 100%;
        background-color: #fcfcfc;
        cursor: pointer;
      }

      li.current,
      li:hover {
        background-color: white;
        color: orangered;
      }
    }

    input {
      width: 4rem;
      text-indent: 1rem;
      text-align: center;
    }
  }
  
}
